// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.

@import '../../../common/styles/colors.scss';
@import '../../../common/styles/fonts.scss';

.rule-more-resources {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding-top: 14px;
    padding-right: 20px;
    padding-bottom: 14px;
    padding-left: 20px;
    background-color: $neutral-0;
    box-shadow:
        0 0.3px 0.9px rgb(0 0 0 / 10.8%),
        0 1.6px 3.6px rgb(0 0 0 / 13.2%);
    border-radius: 4px;
    border: 1px solid $card-border;
    line-height: 20px;
    overflow-wrap: break-word;
    word-break: break-word;

    .more-resources-title {
        font-weight: $font-weight-semi-bold;
    }

    .rule-details-id {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .rule-guidance {
        > :not(span:first-of-type) {
            margin-left: 8px;
        }
    }
}
